<template>
  <el-popover
      placement="top-start"
      title="Title"
      :width="200"
      trigger="hover"
      content="this is content, this is content, this is content"
  >
    <template #reference>
      <el-button class="m-2">Hover to activate</el-button>
    </template>
  </el-popover>
  <h2>自己的弹出框</h2>
  <el-popover title="欢迎访问xxx网站">
    <template #reference>
      <el-icon size="50"><User/></el-icon>
    </template>
    <div style="text-align: center">
      <el-button type="info" size="small">注册</el-button>
      <el-button type="warning" size="small">登录</el-button>
    </div>
  </el-popover>
</template>

<script>
export default {
  name: "XView"
}
</script>

<style scoped>

</style>